草庐IT

ionic 浮动框

全部标签

HTML 选择 "Done"标签未在 Ionic for iOS 上显示

我正在使用Ionic框架构建一个iOS应用程序。当我使用select-elements时,在iOS-native的菜单中选择项目时,我没有得到带有“完成”标签的标题。但是,当我在iOS/Safari中使用该应用程序时,它会出现。附上截图和代码。对此的任何输入/解决方案将不胜感激。截图:iOSSafari截图iOSNative/Ionic截图标记Bostadstyp 最佳答案 Ionic应用程序在app.js中包含隐藏键盘附件栏的默认代码,您需要注释以下行:cordova.plugins.Keyboard.hideKeyboardAc

html - 我可以停止 ReSharper 反对 Ionic HTML 标签吗?

我刚刚打开了我的第一个基于Ionic的移动项目,HTML模板中充满了Ionic标签,例如,礼貌,ReSharper(我深感怀疑)有一个波浪形的蓝色下划线,模板中的其他一半标签也是如此。我很遗憾在屏幕上使用这些行,因为它们表明有问题(好吧,对于W3C来说可能是错误的),但其实并没有什么问题。我能否以及如何摆脱这些该死的蓝线? 最佳答案 嗯,我非常相信编写有效的html。标准的存在是有原因的,如果我们自己不遵循标准,我们就不能提示Microsoft没有在IE中遵循它们。我做了一些搜索,但找不到任何关于Ionic是否可以编写为有效html

html - Ionic 副标题栏重叠内容

在带有标题和子标题的View中,子标题内容与View内容重叠。幻灯片菜单中的标题View中的子标题{{datos.subTitulo}}subheader中的Div按钮重叠内容,h2显示100%。这段代码中缺少什么?谢谢[编辑]重写了代码以满足我的需要:比标题小的子标题在Angular落里有两个链接和一个标题。{{datos.subTitulo}}添加这个CSS:.has-subheader{top:70px;}.bar-subheader.subheader_custom{display:block;height:26px;top:44px;}.title.title_custom{

javascript - ionic : how to use cssClass in $ionicPopup?

所以我想修改$ionicPopup中的默认宽度,为此我必须将“cssClass”添加到我的弹出对象中,就像下面的代码一样$scope.getScore=function(){varpopupScore=$ionicPopup.alert({title:'Score',template:'TotalXPpoints:50',cssClass:'',buttons:[{text:'Return',type:'button-assertive'}]}}在这种情况下,您将如何处理?我应该给cssClass一个值吗?(即:cssClass='popupClass')然后转到我的CSS文件并从那里

javascript - AngularJS- ionic : create a swipeable horizonatlview which will update vertical view

我想使用angularjs和ionic创建适用于Android和iOS的UI。View如下:说明:在这个View中,我想要一个包含日期的水平条(当前显示1到8个日期,但它可以从每月的第1天到每月的最后一天滑动)。该条可左右滑动。每天都会有一些数据显示在垂直ListView中。当用户同时在水平条上向左或向右滑动时,垂直数据将更新。垂直ListView将仅显示水平条中显示的日期的数据。我不确定我该怎么做。任何指针,例如库/示例代码等将不胜感激。谢谢 最佳答案 我会推荐swiper,我以前用过它,我发现它简单易用:http://idang

html - 在 Ionic 4.0 中更改 ionic 项背景颜色

大家好我希望还没有人问过这个问题...我发现了一些类似的帖子,例如thisone,但它不适用于Ionic4.0。他们在这里的建议似乎对我不起作用,因为Ionic4.0似乎没有注入(inject)相同的内容链接帖子中讨论的元素。我正在努力更改Ionic4.0ion-item元素的背景颜色。我试图给它一个白色背景,而应用程序有一个蓝色背景。我可以在代码检查器中看到它正在应用我的样式,但它没有显示在浏览器中。这是我的代码示例:.light-back{background-color:#fff;}下面是我正在查看的屏幕截图,它显示元素(搜索栏)正在接收样式,但没有实现或显示它。如有任何建议,我

javascript - 如何在页脚( ionic 框架)中创建后退按钮?

我正在使用Ionic并想在页脚中创建一个后退按钮。这就是我的做法。我的看法:Back和这个View的Controller:$scope.goBack=function(){window.history.back();};我的问题:是否有更好的方法(即指令),或者您也是这样做的? 最佳答案 通过自定义点击操作,使用$ionicNavBarDelegate:BackfunctionMyCtrl($scope,$ionicNavBarDelegate){$scope.goBack=function(){$ionicNavBarDelega

html - 第一个列表项 (<li>) 在 google chrome 中向右浮动

我在使用谷歌浏览器时遇到问题。问题是第一个列表项的元素符号向右浮动,而所有其他列表项的元素符号在左侧正确对齐。这是我的代码:TheInterfaceToolboxContextMenusToolOptionsBarMenuBarPaletteWellRulersGuidesandgridNavigatinginPhotoshopShortcutsFileBrowser这是它在chrome中的样子:http://www.flickr.com/photos/41695354@N08/4807767137/这是实际的link. 最佳答案

html - 如何在 ionic 中获取输入文本值

我正在尝试获取input文本值并将其存储在ionic中名为input的变量中。但我尝试过但失败了。谁能告诉我我做错了什么?这是我的HTMLdisplay这是我在ionic中的home.tsimport{Component}from'@angular/core';import{NavController}from'ionic-angular';@Component({selector:'page-home',templateUrl:'home.html'})exportclassHomePage{constructor(publicnavCtrl:NavController){varin

css - div 内的左/右浮动按钮

如何让按钮只float在div区域?这是我的示例CSS和HTML。.test{width:60%;display:inline;overflow:auto;white-space:nowrap;margin:0pxauto;}testtest我希望它是这样的。 最佳答案 将display:inline更改为display:inline-block.test{width:200px;display:inline-block;overflow:auto;white-space:nowrap;margin:0pxauto;border:1